{extend name="base" /}
{block name="body"}
<div class="ad clearfix wow pulse">
        <div id="owl-demo" class="owl-carousel">
                <div class="item">
        <picture>
            <source srcset="/static/web/img/abb.jpg" media="(min-width:50em)">
            <source srcset="/static/web/img/abb.jpg" media="(min-width:30em)">
            <img src="/static/web/img/abb.jpg" alt="">                    
        </picture>
        <div class="page-tit">{$col.category_name}</div>
    </div>


        </div>
</div>

<div class="container news-box clearfix">
        <div class="pull-left product-content-body wow bounceInLeft">
                <div class="news-tit">
                        <h1>{$data.title}</h1>
                        <div class="inft-txt">{$data.create_time} </div>
                </div>
                <div class="product-txt">
                    {if condition="!empty($data['photo'])"}
                    {foreach name="data.photo" item="v"}
                    <img src="{$v}">
                    {/foreach}
                    {/if}
                    {$data.content}
                </div>

        </div>
        <div class="pull-right product-hot wow bounceInRight">
                <h3 class="product-title">热门推荐</h3>
                <ul class="news-hotlist clearfix">
                    {foreach name="righta" item="r"}
                        <li>
                                <h2><a href="{$r.url}">{$r.title}</a></h2>
                                <p>{if $r.description}{$r.description}{else}<?php $r['description'] = mb_substr(strip_tags($r['content']),'0','150','utf-8');?>{$r.description}{/if}</p>
                        </li>
                    {/foreach}
                </ul>

        </div>
</div>
{/block}